
<?php session_start();

if (empty($_SESSION['nombre']))
	echo "<meta http-equiv='Refresh' content='0;url=../index.php'>";

require '../config.php';

function _convert($content) {
		if(!mb_check_encoding($content, 'UTF-8')
		OR !($content === mb_convert_encoding(mb_convert_encoding($content, 'UTF-32', 'UTF-8' ), 'UTF-8', 'UTF-32'))) {
	
			$content = mb_convert_encoding($content, 'UTF-8');
	
			if (mb_check_encoding($content, 'UTF-8')) {
				// log('Converted to UTF-8');
			} else {
				// log('Could not converted to UTF-8');
			}
		}
		return $content;
	}
?>
<!DOCTYPE html>
<head>
<title>Formulario de Pago</title>
<meta charset="utf-8">
    <title>Seguimiento de clientes</title>
    <link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet">
   	<link href="../bootstrap/css/view.css" rel="stylesheet">
   	<link href="../bootstrap/css/cupertino/jquery.ui.all.css" rel="stylesheet" type="text/css">
   	
	<script type="text/javascript" src="../bootstrap/scripts/view.js"></script>
	<script type="text/javascript" src="../bootstrap/scripts/jquery.js"></script> 
	<script type="text/javascript" src="../bootstrap/js/bootstrap.min.js"></script> 
	<script type="text/javascript" src="../bootstrap/js/jquery.ui.core.min.js"></script>
	<script type="text/javascript" src="../bootstrap/js/jquery.ui.datepicker.min.js"></script>    
	<script type="text/javascript" src="../bootstrap/js/toastr.min.js"></script> 
    <link href="../bootstrap/css/toastr.min.css" rel="stylesheet">
</head>
<script type="text/javascript">
		$(document).ready(function()
		{
		   var jQueryDatePicker1Opts =
		   {
		      dateFormat: 'yy-mm-dd',
		      changeMonth: false,
		      changeYear: false,
		      showButtonPanel: false,
		      showAnim: 'show'
		   };
		   $("#fechaprox222").datepicker(jQueryDatePicker1Opts);
		   $("#fecha222").datepicker(jQueryDatePicker1Opts);
		  
		});
</script>
<body id="main_body" >
<div id="a_header">
		<div class="container">
			<div class="row">
				<div class="span10">
					
					<img src="../imagenes/CRM HV alta.png" width="175" height="110"  style="float:left;" alt="" />					</a>
					<div style="display:inline-block; margin-top:20px;">
						<h3 style="margin:0px;">Sistema de Administraci&oacute;n y Gesti&oacute;n de Clientes (CRM)</h3>
					</div>
				</div>
					<div class="btn-group pull-right upan">
						  <button type="button" class="btn btn-primary" id ="drop"><span class= "glyphicon glyphicon-user"><?php if (! empty($_SESSION['nombre'])) echo("   ". $_SESSION['user']);?></span></button>
						  <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" id="drop2">
						    <span class="caret"></span>
						  </button>
						  
						  <ul class="dropdown-menu" role="menu">
						  
						    <li><a href="../TableroInicio.php" title="Tablero Principal">Inicio</a></li>
						     <li class="divider"></li>
						    <li><a href="../cerrar_sesion.php" title="Cerrar sesi&oacute;n">Salir</a></li>
						  </ul>
					</div>
			</div>
		</div>
 	</div>
<div style="background-color:blue; height:3px;"></div>
	<img id="top" src="../imagenes/top.png" alt="">
	<div id="form_container"  style="background-color: #f2f9f2" >
		<h1><a style="background-color: #00f"></a></h1>
		
		<form id="formulario" name="formulario"  style="background-color: #f2f9f2" >
					<div class="form_description">
			<h2>Formulario Registro de Pago</h2>
			<p><strong>Datos del Cliente:</strong></p>
		</div>	
		
			<datalist id="lstclientes">
			<?php
				$registros=mysql_query("select nombre from  clientesventas where tipo=3 and activo=1");
					
																			
			  while ($row = mysql_fetch_array($registros))
						{
			?> <option value="<?php echo $row['nombre'];?>"> <?php
				}
				?>
		
			</datalist>	 			
			<ul >
		
			
		<li  >
		<label class="description" for="nombrecliente">Nombre de cliente o empresa: </label>
		<div>
			<input id="nombrecliente" list="lstclientes" name="element_44d" class="element text medium" type="text" maxlength="30" size="30">&nbsp;<input type="button" value="Buscar Datos del Cliente" class="btn btn-default btn-xs" onclick="traerDatosCli();"></input>
		</div> 
		</li>
		<li>
		<div id="datoscli"></div>
		</li>
		<li>
		
		</li>
		<li  ><legend>Descripci&oacute;n del Contrato:</legend>
			
		</li>
			<li>
			<div id="desccont">
			
			</div>
			</li>
			<li>
			<?php 
			echo 	"<div>";
			echo 	"<label class='description' for='profesionver'>Monto a Pagar: </label>";
			echo 	"<input id='monto222' required type='text'  size='10' onkeyUp='return ValNumero(this);'>";
			echo 	"</div>";
			?>
			</li>
			
			<li><div>
			
			<label class="description" for="element_722">Pr&oacute;xima Fecha de Pago: </label>
			<input id="fechaprox222" name="element_722" title="Opcional" class="element text medium" maxlength="250" value="" type="text">
		</div>
			</li>
			<li><div>
			
			<label class="description" for="element_722">Observaci&oacute;n: </label>
			<input id="obs222" name="element_722" title="Opcional" class="element text medium" maxlength="250" value="" type="text">
		</div>
			</li>										
		<legend></legend>
		<li class="buttons">
		<input id="enviar" class="btn btn-success" type="button"  value="Registrar Pago" onclick="registarPago();" />
		<input id="cancelar" class="btn btn-warning" type="button" name="cancelar" value="Cancelar" onclick="window.history.back(1)" />
		</li>
			</ul>
		</form>	
		
	</div>
	<img id="bottom" src="../imagenes/bottom.png" alt="">
	<!--  footer -->
   <img id="bottom" src="../imagenes/top.png" alt="">
    <img id="bottom" src="../imagenes/bottom.png" alt="">
   
	</body>
	<footer style="margin-top: 20px; background-color:#FFF;">
		<div style="background-color:#00f; height:5px;"></div>
        <div class="container" style="height:100px;">
			<div class="row">
				<div class="span2" style="float:right;">
					<p style="">Desarrollado por:</p>
					<a href="http://www.3tech-panama.com"><img src="../imagenes/3techpaylogo.png"alt="3tech panama" style="width:134px; height:50px; float:right;" /></a>
			   </div>
			</div>
		</div>
        <div style="background-color:#0000FF; height:25px;">
            <div class="container" >
                <p style="margin-left: 10px; color:#FFF;">Copyright &copy; 2013 HOSANNA. Todos los derechos reservados. </p>
            </div>
        </div>	
    </footer>
<script type="text/javascript">
function crearXMLHttpRequest() 
{
  var xmlHttp=null;
  if (window.ActiveXObject) 
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  else 
    if (window.XMLHttpRequest) 
      xmlHttp = new XMLHttpRequest();
  return xmlHttp;
}

var conexhttp;
function registarPago()

{
	try {
		
	
	   
		var contrato = document.getElementById('conts').value;
		if(contrato == "0"){ alertar("Primero, Seleccione un Contrato","warning");return;}
	
		var fechaprox = document.getElementById('fechaprox222').value;
		var monto = document.getElementById('monto222').value;
		var observacion = document.getElementById('obs222').value;
		observacion +=" Pago Realizado desde cobros";

		if(monto <= 0){ alertar("El Monto no puede ser Cero","warning");return;}
		
		if (window.XMLHttpRequest) xmlhttp = new XMLHttpRequest();
    	else xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
		 xmlhttp.onreadystatechange = presentarReporte;
    xmlhttp.open("GET","regpago.php?idcontrato="+contrato+"&fechaprox="+fechaprox+"&monto="+monto+"&observacion="+observacion, false);
    xmlhttp.send();
	
		  
	}catch (err) {
		alertar("Error JS= " + err.message, "error");
	}	
		
	}
	var xmlhttp;
function presentarReporte()
{
  
	
  if(xmlhttp.readyState == 4)
  {
	  hostInfo = xmlhttp.responseText;
	   
	  if(hostInfo == "ok")
	{
	 	
		
		alertar("Pago Realizado exitosamente","info");
		window.history.back(1);
	}
	else
	{
	 alertar(xmlhttp.responseText,"error");
	} 
  }
 
	  
	 
}


function traerDatosCli()
{
		
	  var nombrecliente2 = $('#nombrecliente').val().toString();
		
		
		if(nombrecliente2=="")
			{
			document.getElementById('datoscli').innerHTML = "Nombre Vacio.";
			return false;
			}
		
	
	conexhttp=crearXMLHttpRequest();
	conexhttp.onreadystatechange = presentarTabla;
	conexhttp.open('GET',"traerdatoscli.php?nombrecliente="+nombrecliente2, true);
	conexhttp.send(null);
}
function presentarTabla()
{
  if(conexhttp.readyState == 4)
  document.getElementById('datoscli').innerHTML = conexhttp.responseText;
  else 
	  document.getElementById('datoscli').innerHTML = "<strong>Cargando datos, por favor espere...</strong><br>"+$taghtml;
}
$taghtml = "<div class='progress progress-striped active'><div class='progress-bar'  role='progressbar' aria-valuenow='50' aria-valuemin='0' aria-valuemax='50' style='width: 100%'>";
$taghtml +=  "<div class='progress-bar'  role='progressbar' aria-valuenow='50' aria-valuemin='0' aria-valuemax='50' style='width: 100%'></div></div>";
function cambiarContrato()
{
	try {
		alertar("Buscando Datos, Por Favor Espere..","info");
		codigocontrato = document.getElementById('conts').value;
		$('#desccont').load('datadetallescontarto.php?idcontrato='+codigocontrato);
	} catch (err) {
		alertar("Error JS= " + err.message, "error");
	}
}
function Solo_Numero(obj)
{
  Numero=obj;
  if (isNaN(Numero))
	  {
            return "";
      }
   return Numero;
 }
function ValNumero(Control)
{
    Control.value=Solo_Numero(Control.value);
}
</script>

</html>
